<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>主界面</title>

<link rel="stylesheet" href="css/index.css"/>
<link rel="stylesheet" href="css/bootstrap.css"/>
<script type="text/javascript" src="js/jquery.js"></script>

<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
</head>
<body> 
<!-- 登陆按钮 -->
<button id="login" type="button" class="btn btn-success btn-sm" onclick="login();">登 陆</button>
<!-- <button id="register" type="button" class="btn btn-success btn-sm" onclick="register();">注 册</button> -->
<jsp:include page="elements/head.jsp"></jsp:include>

<!-- 轮播图 -->
<div id="myCarousel" class="carousel slide" data-ride="carousel"  data-interval="3000" style="background-image: url(Images/lbbeijingth.jpg); background-repeat: none; width: 100%">
	<!-- 轮播（Carousel）指标 -->
	<ol class="carousel-indicators">
		<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
		<li data-target="#myCarousel" data-slide-to="1"></li>
		<li data-target="#myCarousel" data-slide-to="2"></li>
	</ol>   
	<!-- 轮播（Carousel）项目 -->
	<div class="carousel-inner">
		<div class="item active">
			<div class="lbbiaoti"><h1>多方式创建编辑问卷</h1>
					<h5>	自由创建、导入问卷、使用模板三种方式随意选择     </h5></div>
			<img src="Images/lb1.png" alt="First slide">
		</div>
		<div class="item">
			<div class="lbbiaoti"><h1>免费简约的问卷系统</h1>
								<h5>所有功能全部免费，简约好用，轻松开启在线调试</h5>	</div>
			<img src="Images/lb2.png" alt="Second slide">
		</div>
		<div class="item">
			<div class="lbbiaoti"><h1>数据实时在线统计分析</h1>
								<h5>回收数据实时在线统计，图表化展示，清晰直观</h5>	</div>
			<img src="Images/lb3.png" alt="Third slide">
		</div>
	</div>
	<!-- 轮播（Carousel）导航 -->
	<a class="carousel-control left" href="#myCarousel" 
	   data-slide="prev">&lsaquo;</a>
	<a class="carousel-control right" href="#myCarousel" 
	   data-slide="next">&rsaquo;</a>
	
</div> 

	<!-- 文字和按钮 -->
	<div id="use" class="wenzianniu">
		<div class="xiangni"> 
		<h1>探</h1><h4>&nbsp;你&nbsp;所&nbsp;想</h4>&emsp;&emsp;&emsp;<h1>知</h1><h4>&nbsp;你&nbsp;所&nbsp;需</h4>  
	<button type="button" class="btn btn-success btn-lg" onclick="login();">立即使用</button>
	
	
	</div>
	</div>	
	<div class="moban">
	<h1>热门模板                   <a href="#"> 更多模板>> </a>    </h1>
	<button><img alt="" src="Images/coffee.png"><br><br>餐饮类团购用户满意度</button>
	<button><img alt="" src="Images/weixin.png"><br><br>社交网站满意度</button>
	<button><img alt="" src="Images/tv.png"><br><br>数码家电类产品满意度</button>
	<button><img alt="" src="Images/talent.png"><br><br>国际标准智商测试</button>
	<button><img alt="" src="Images/talent.png"><br><br>国际标准智商测试</button>
	</div>
	
	<div class="lianjie">
	<div class="lianjieone">
						  <img alt="" src="Images/lianjie11.png">&nbsp;简约&nbsp;&nbsp;    
						  <img alt="" src="Images/lianjie12.png">&nbsp;好用&nbsp;&nbsp;
						  <img alt="" src="Images/lianjie13.png">&nbsp;免费 
						<h4>&emsp;&emsp;&emsp;探&nbsp;知&nbsp;为&nbsp;您&nbsp;提&nbsp;供&nbsp;优&nbsp;质&nbsp;服&nbsp;务&nbsp;</h4> 
						  </div>
	<div class="lianjietwo">
					官方邮箱:1930643143@qq.com<br>
					官方Q群:452523138<br>
					联系客服:<button>在线咨询</button>  </div>
	<div class="lianjiethree">
	微信二维码&nbsp;&nbsp;<img alt="" src="Images/weixinma.png">	</div>
	</div>
<jsp:include page="elements/foot.jsp"></jsp:include>

   
</body>
</html>
